<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html">

<h:head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>Administração | Delivery</title>
	<h:outputStylesheet name="reset.css" library="css" />
	<h:outputStylesheet name="text.css" library="css" />
	<h:outputStylesheet name="grid.css" library="css" />
	<h:outputStylesheet name="layout.css" library="css" />
	<h:outputStylesheet name="nav.css" library="css" />
	<!--[if IE 6]><h:outputStylesheet name="ie6.css" library="css" /><![endif]-->
	<!--[if IE 7]><h:outputStylesheet name="ie.css" library="css" /><![endif]-->

	<!-- BEGIN: load jquery -->
	<h:outputScript name="jquery-1.6.4.min.js" library="js" />
	<h:outputScript name="jquery.ui.core.min.js" library="js/jquery-ui" />
	<h:outputScript name="jquery.ui.widget.min.js" library="js/jquery-ui" />
	<h:outputScript name="jquery.ui.accordion.min.js"
		library="js/jquery-ui" />
	<h:outputScript name="jquery.effects.core.min.js"
		library="js/jquery-ui" />
	<h:outputScript name="jquery.effects.slide.min.js"
		library="js/jquery-ui" />
	<!-- END: load jquery -->

	<!-- BEGIN: load jqplot -->
	<h:outputStylesheet name="jquery.jqplot.min.css" library="css" />
	<!--[if lt IE 9]><h:outputScript name="excanvas.min.js" library="js/jqPlot" /><![endif]-->

	<h:outputScript name="jquery.jqplot.min.js" library="js/jqPlot" />
	<h:outputScript name="jqplot.barRenderer.min.js"
		library="js/jqPlot/plugins" />
	<h:outputScript name="jqplot.pieRenderer.min.js"
		library="js/jqPlot/plugins" />
	<h:outputScript name="jqplot.categoryAxisRenderer.min.js"
		library="js/jqPlot/plugins" />
	<h:outputScript name="jqplot.highlighter.min.js"
		library="js/jqPlot/plugins" />
	<h:outputScript name="jqplot.pointLabels.min.js"
		library="js/jqPlot/plugins" />

	<!-- END: load jqplot -->
	<h:outputScript name="setup.js" library="js" />
	<h:outputScript name="ready.js" library="js" />

</h:head>
<h:body>
	<div class="container_12">
		<div id="top">
			<ui:insert name="top">
				<div class="grid_12 header-repeat">
					<div id="branding">
						<div class="floatleft">
							<h:graphicImage name="logo.png" library="img" />
						</div>
						<div class="floatright">
							<div class="floatleft">
								<h:graphicImage name="img-profile.jpg" library="img" />
							</div>
							<div class="floatleft marginleft10">
								<ul class="inline-ul floatleft">
									<li>Hello Admin</li>
									<li><a href="#">Config</a></li>
									<li><a href="#">Logout</a></li>
								</ul>
								<br /> <span class="small grey">Último login: á 3
									hora(s)</span>
							</div>
						</div>
						<div class="clear"></div>
					</div>

				</div>
				<div class="clear"></div>
				<div class="grid_12">
					<ul class="nav main">
						<li class="ic-dashboard"><a href="dashboard.html"><span>Dashboard</span></a>
						</li>
						<li class="ic-form-style"><a href="javascript:"><span>Controls</span></a>
							<ul>
								<li><a href="form-controls.html">Forms</a></li>
								<li><a href="buttons.html">Buttons</a></li>
								<li><a href="form-controls.html">Full Page Example</a></li>
								<li><a href="table.html">Page with Sidebar Example</a></li>
							</ul></li>
						<li class="ic-typography"><a href="typography.html"><span>Typography</span></a></li>
						<li class="ic-charts"><a href="charts.html"><span>Charts
									Graphs</span></a></li>
						<li class="ic-grid-tables"><a href="table.html"><span>Data
									Table</span></a></li>
						<li class="ic-gallery dd"><a href="javascript:"><span>Image
									Galleries</span></a>
							<ul>
								<li><a href="image-gallery.html">Pretty Photo</a></li>
								<li><a href="gallery-with-filter.html">Gallery with
										Filter</a></li>
							</ul></li>
						<li class="ic-notifications"><a href="notifications.html"><span>Notifications</span></a></li>

					</ul>
				</div>
			</ui:insert>
		</div>
		<div id="left">
			<ui:insert name="left">
				<div class="grid_2">
					<div class="box sidemenu">
						<div class="block" id="section-menu">
							<h:form>
								<ul class="section menu">
									<ui:repeat var="objeto" value="#{usuarioBean.permissao}">
										<ui:repeat var="menu" value="#{objeto}">
											<li><h:outputLink value="" class="menuitem">#{menu.nome}</h:outputLink>
												<ul class="submenu">
													<ui:repeat var="submenu" value="#{menu.itemMenu}">
														<li><h:outputLink value="#{submenu.url}">#{submenu.descricao}</h:outputLink>
														</li>
													</ui:repeat>
												</ul></li>
										</ui:repeat>
									</ui:repeat>
								</ul>
							</h:form>
						</div>
					</div>
				</div>
			</ui:insert>
		</div>
		<div id="content" class="left_content">
			<ui:insert name="content">
				<div class="grid_10">
					<div class="box round first">
						<h2>Product Sales</h2>
						<div class="block">
							<div id="chart1"></div>
						</div>
					</div>
					<div class="box round">
						<h2>Figures</h2>
						<div class="block">
							<div class="stat-col">
								<span>Target</span>
								<p class="purple">70,000</p>
							</div>
							<div class="stat-col">
								<span>Last Month Sales</span>
								<p class="yellow">32,729</p>
							</div>
							<div class="stat-col">
								<span>Current Month Sales</span>
								<p class="green">63,829</p>
							</div>
							<div class="stat-col">
								<span>Change</span>
								<p class="blue">99.9%</p>
							</div>
							<div class="stat-col">
								<span>Difference</span>
								<p class="red">693.00</p>
							</div>
							<div class="stat-col">
								<span>Stats with Icon</span>
								<p class="purple">
									<img src="img/icon-direction.png" alt="" />&nbsp;65,000
								</p>
							</div>
							<div class="stat-col last">
								<span>Total</span>
								<p class="darkblue">70,000</p>
							</div>
							<div class="clear"></div>
						</div>
					</div>
				</div>
				<div class="grid_5">
					<div class="box round">
						<h2>Column on Left</h2>
						<div class="block">
							<p class="start">
								<img src="img/horizontal.jpg" alt="Ginger" class="left" />Lorem
								ipsum dolor sit amet, consectetur <a href="">adipisicing</a>
								elit, sed do eiusmod tempor incididunt ut labore et dolore magna
								aliqua. Ut enim ad minim veniam, quis nostrud exercitation
								ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis
								aute irure dolor in reprehenderit in voluptate velit esse cillum
								dolore eu fugiat nulla pariatur..
							</p>
							<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,
								sed do eiusmod tempor incididunt ut labore et dolore magna
								aliqua. Ut enim ad minim veniam, quis nostrud exercitation
								ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis
								aute irure dolor in reprehenderit in voluptate velit esse cillum
								dolore eu fugiat nulla pariatur. Excepteur sint occaecat
								cupidatat non proident, sunt in culpa qui officia deserunt
								mollit anim id est laborum.</p>
						</div>
					</div>
				</div>
				<div class="grid_5">
					<div class="box round">
						<h2>Right Column</h2>
						<div class="block">
							<p class="start">
								<img src="img/vertical.jpg" alt="Ginger" class="right" />Lorem
								Ipsum is simply dummy text of the printing and typesetting
								industry. Lorem Ipsum has been the industry's standard dummy
								text ever since the 1500s, when an unknown printer took a galley
								of type and scrambled it to make a type specimen book. It has
								survived not only five centuries, but also the leap into
								electronic typesetting, remaining essentially unchanged. It was
								popularised in the 1960s with the release of Letraset sheets
								containing Lorem Ipsum passages, and more recently with desktop
								publishing software like Aldus PageMaker including versions of
								Lorem Ipsum.
							</p>
							<p>It is a long established fact that a reader will be
								distracted by the readable content of a page when looking at its
								layout. The point of using Lorem Ipsum is that it has a
								more-or-less normal distribution of letters, as opposed to using
								'Content here, content here', making it look like readable
								English. Many desktop publishing packages and web page editors
								now use Lorem Ipsum as their default model text, and a search
								for 'lorem ipsum' will uncover many web sites still in their
								infancy. Various versions have evolved over the years, sometimes
								by accident, sometimes on purpose (injected humour and the
								like).</p>
						</div>
					</div>
				</div>
				<div class="clear"></div>
			</ui:insert>
		</div>
	</div>
	<div class="clear"></div>
	<div id="bottom">
		<ui:insert name="bottom">
			<div id="site_info">
				<p>
					Copyright <a href="#">Delivery Admin</a>. All Rights Reserved.
				</p>
			</div>
		</ui:insert>
	</div>
</h:body>

</html>
